<link rel="stylesheet" href="../static/css/style.css">
<link rel="stylesheet" href="../static/plugins/layui/css/layui.css">
<script src="../static/plugins/layui/layui.js"></script>
<style>
    .layui-form-checked[lay-skin=primary] i{
        border-color: #34C0E3;
        background-color: #34C0E3;
    }
    .layui-laypage .layui-laypage-curr .layui-laypage-em{
        background-color: #34C0E3;
    }
    .layui-laydate .layui-this{
        background-color: #34C0E3 !important;
    }
</style>

    <!-- 内容主体区域 -->
<div class="layui-row layui-pad15">
    <form class="layui-form" action="">
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row layui-col-space10">
                     <div class="layui-col-xs2">
                         <input type="text" name="title" placeholder="单项名称" class="layui-input">
                     </div>
                    <div class="layui-col-xs2">
                        <input type="text" name="title" placeholder="单项代码" class="layui-input">
                    </div>
                    <div class="layui-col-xs2">
                        <input type="text" name="title" placeholder="单项价格" class="layui-input">
                    </div>
                     <div class="layui-col-xs2">
                         <input type="text" class="layui-input" id="test1"  placeholder="时间">
                     </div>
                    <div class="layui-col-xs1 layui-text-center">
                       至
                    </div>
                    <div class="layui-col-xs2">
                        <input type="text" class="layui-input" id="test2"  placeholder="时间">
                    </div>
                    <div class="layui-col-xs1 layui-text-right">
                        <button class="layui-btn layui-btn-primary">筛选</button>
                    </div>
                </div>
            </div>
            <div class="layui-col-md12 layui-col-lh">
                <div class="layui-row">
                    <div class="layui-col-xs12">
                        <table class="layui-data-zs" id="test3" border="1" style="    border: 1px solid #e5e5e5;">
                            <tr class="layui-t-h layui-hg" style=" background-color: #34C0E3;color: #ffffff;">
                                <th>问题名称</th>
                                <th>单项代码</th>
                                <th>单项价格</th>
                                <th>添加时间</th>
                            </tr>
                            <tr class="layui-hg">
                                <td>
                                    <div class=" td-l layui-left-td">
                                        <input type="radio" name="sex" value="" title="">
                                    </div>
                                    <div class="td-l layui-right-td">
                                        <span class="layui-title-s">心血管检查</span>
                                    </div>
                                </td>
                                <td>CT002</td>
                                <td>80元</td>
                                <td>2018-04-11</td>
                            </tr>
                            <tr class="layui-hg">
                                <td>
                                    <div class=" td-l layui-left-td">
                                        <input type="radio" name="sex" value="" title="">
                                    </div>
                                    <div class="td-l layui-right-td">
                                        <span class="layui-title-s">肝功能检查</span>
                                    </div>
                                </td>
                                <td>CT002</td>
                                <td>80元</td>
                                <td>2018-04-11</td>
                            </tr>
                            <tr class="layui-hg">
                                <td>
                                    <div class=" td-l layui-left-td">
                                        <input type="radio" name="sex" value="" title="">
                                    </div>
                                    <div class="td-l layui-right-td">
                                        <span class="layui-title-s">肝功能检查</span>
                                    </div>
                                </td>
                                <td>CT002</td>
                                <td>80元</td>
                                <td>2018-04-11</td>
                            </tr>
                            <tr class="layui-hg">
                                <td>
                                    <div class=" td-l layui-left-td">
                                        <input type="radio" name="sex" value="" title="">
                                    </div>
                                    <div class="td-l layui-right-td">
                                        <span class="layui-title-s">肝功能检查</span>
                                    </div>
                                </td>
                                <td>CT002</td>
                                <td>80元</td>
                                <td>2018-04-11</td>
                            </tr>
                            <tr class="layui-hg">
                                <td>
                                    <div class=" td-l layui-left-td">
                                        <input type="radio" name="sex" value="" title="">
                                    </div>
                                    <div class="td-l layui-right-td">
                                        <span class="layui-title-s">心离功能检查</span>
                                    </div>
                                </td>
                                <td>CT002</td>
                                <td>80元</td>
                                <td>2018-04-11</td>
                            </tr>
                            <tr class="layui-hg">
                                <td>
                                    <div class=" td-l layui-left-td">
                                        <input type="radio" name="sex" value="" title="">
                                    </div>
                                    <div class="td-l layui-right-td">
                                        <span class="layui-title-s">血型检测</span>
                                    </div>
                                </td>
                                <td>CT002</td>
                                <td>80元</td>
                                <td>2018-04-11</td>
                            </tr>
                            <tr class="layui-hg">
                                <td>
                                    <div class=" td-l layui-left-td">
                                        <input type="radio" name="sex" value="" title="">
                                    </div>
                                    <div class="td-l layui-right-td">
                                        <span class="layui-title-s">肺CT</span>
                                    </div>
                                </td>
                                <td>CT002</td>
                                <td>80元</td>
                                <td>2018-04-11</td>
                            </tr>
                            <tr class="layui-hg">
                                <td>
                                    <div class=" td-l layui-left-td">
                                        <input type="radio" name="sex" value="" title="">
                                    </div>
                                    <div class="td-l layui-right-td">
                                        <span class="layui-title-s">皮肤病</span>
                                    </div>
                                </td>
                                <td>CT002</td>
                                <td>80元</td>
                                <td>2018-04-11</td>
                            </tr>
                            <tr class="layui-hg">
                                <td>
                                    <div class=" td-l layui-left-td">
                                        <input type="radio" name="sex" value="" title="">
                                    </div>
                                    <div class="td-l layui-right-td">
                                        <span class="layui-title-s">肛肠功能</span>
                                    </div>
                                </td>
                                <td>CT002</td>
                                <td>80元</td>
                                <td>2018-04-11</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <!--分页-->
            <div class="layui-col-md12 layui-text-center">
                <div id="demo7"></div>
            </div>
            <!--分页end-->

            <div class="layui-col-md12  layui-text-center layui-col-lh">
                <a href="#" class="layui-q-c layui-zdy-bj"  >确定</a>
            </div>
    </form>


</div>
<script src="../static/js/jquery.min.js"></script>
<script>

    //Demo
    layui.use(['form','laypage','laydate','table','layer'], function(){
        var form = layui.form;
        var laydate = layui.laydate;
        var laypage = layui.laypage

        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));

            return false;
        });
        // 日期
        laydate.render({
            elem: '#test1', //指定元素
        });
        laydate.render({
            elem: '#test2', //指定元素
        });
        //分页
        laypage.render({
            elem: 'demo7'
            ,count: 100
            ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
            ,jump: function(obj){
                // console.log(obj)
            }
        });

    });
</script>


